<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <link rel="stylesheet" type="text/css" href="css/aui/aui.css"/>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
    <style type="text/css">
    	
    
    </style>
    <title>哎哟卧槽</title>
  </head>
  <body>
  	<header style="-webkit-app-region: drag">
	    <section class="title">
	        	hello world
	    </section>
	    <section style="-webkit-app-region: no-drag" class="btn_mini">
	        	<i class="aui-iconfont aui-icon-minus"></i>
	    </section>
	    <section style="-webkit-app-region: no-drag" class="btn_max">
	        	<i class="aui-iconfont aui-icon-plus"></i>
	    </section>
	    <section style="-webkit-app-region: no-drag" class="btn_close">
	       	 <i class="aui-iconfont aui-icon-close"></i>
	    </section>
	</header>
		<section class="main">
	    
	    <div class="top_nav flex-box">
	    	<div class="flex-1">
	    		<div class="cs_icon_btn"><img src="img/sun_icon.png"/>天气</div>
	    	</div>
	    	<div class="flex-1">
	    		<div class="cs_icon_btn"><img src="img/sun_icon.png"/>天气</div>
	    	</div>
	    	<div class="flex-1">
	    		<div class="cs_icon_btn"><img src="img/sun_icon.png"/>天气</div>
	    	</div>
	    	<div class="flex-1">
	    		<div class="cs_icon_btn"><img src="img/sun_icon.png"/>天气</div>
	    	</div>
	    	<div class="flex-1">
	    		<div class="cs_icon_btn"><img src="img/sun_icon.png"/>天气</div>
	    	</div>
	    	<div class="flex-1">
	    		<div class="cs_icon_btn"><img src="img/sun_icon.png"/>天气</div>
	    	</div>
	    </div>
	    
	       <p id="weather"></p>
			
		</section>
  </body>
  <script>window.$ = window.jQuery = require('./js/jquery-1.11.0.js');</script>
  <script>

  require('./renderer.js');
	$('.btn_close').click(function  () {
		console.log(333)
		window.close();
	})
	
	$(function  () {
			var url  = 'http://wthrcdn.etouch.cn/weather_mini';
			var datas = {
				city:'武汉'
			}
			$.ajax({
				type:"get",
				url:url,
				async:true,
				data:datas,
				success:function  (ret) {
					console.log(JSON.stringify(ret));
					$('#weather').text(ret);
				},
				error:function  (err) {
					console.log(JSON.stringify(err));
				}
			})
		});
    
  </script>
</html>
